<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="../../css/reset.css"/>
	<link rel="stylesheet" type="text/css" href="../../css/add.css"/>
	<script src="../../layer/jquery2.1.4.js"></script>
	<script src="../../layer/layer.js"></script>
</head>
<body>
<div id="app">
	<div class="header">
		<span>删除用户</span>
	</div>
	<div class="content">
		<table>
			<tr>
				<td class="text-right">手机号码</td>
				<td class="content_right">
					<input class="input inline-input" placeholder="请输入手机号码">
					<span id="select" class="btn btn-info">立即查找</span>
				</td>
			</tr>
			<tr>
				<td class="text-right"></td>
				<td class="content_right">
					<span id="userPhone"></span>
				</td>
			</tr>
		</table>
	</div>


	<div class="header">
		<span>查找信息如下</span>
	</div>
	<div class="content">
		<table>
			<tr>
				<td class="text-right">用户名</td>
				<td class="content_right"><input class="input" placeholder="请输入用户名"></td>
			</tr>
			<tr>
				<td class="text-right">手机号码</td>
				<td class="content_right"><input class="input" placeholder="请输入手机号码"></td>
			</tr>
			<tr>
				<td class="text-right">身份证号码</td>
				<td class="content_right"><input class="input" placeholder="请输入身份证号码"></td>
			</tr>
			<tr>
				<td class="text-right">密码</td>
				<td class="content_right"><input class="input" placeholder="请输入密码"></td>
			</tr>
			<tr>
				<td class="text-right">性别</td>
				<td class="content_right" id="status"></td>
			</tr>
			<tr>
				<td></td>
				<td class="content_right"><span id="delete" class="btn">删除</span></td>
			</tr>
		</table>
	</div>
</div>
</body>
<script>
	$(function () {
		$(".header:eq(1), .content:eq(1)").hide();
		var userId;
		//通过手机号查询
		$("#select").click(function () {
			//验证手机号
			let userPhone = $("input:eq(0)").val();
			if (!(/^^1[0-9]{10}$$/).test(userPhone)&&userPhone != null) {
				$("#userPhone").html("号码格式不正确").css("color", "red");
				return false;
			} else {
				$("#userPhone").html("").css("color", "green");
			}
			let load = layer.load(0);
			$.getJSON("/user/select.do", {userPhone: userPhone}, function (data) {
				layer.close(load);
				if (data.status === 0) {
					alert(data.result);
					location.assign("update.jsp");
				} else if (data.status === 1) {
					$(".header:eq(1), .content:eq(1)").fadeIn(500);
					//{"status":1,"result":"查询成功","object":{"userId":3,"userName":"zhang","IDCard":"","userGender":1,"password":"shz1989","userPhone":"13385890730"}}
					userId = data.object.userId;
					$("input:eq(1)").val(data.object.userName);
					$("input:eq(2)").val(data.object.userPhone);
					$("input:eq(3)").val(data.object.IDCard);
					$("input:eq(4)").val(data.object.password);
					$("input:eq(1),input:eq(2),input:eq(3),input:eq(4)").prop("disabled",true);
					if (data.object.userGender === 1){
						$("#status").html("男");
					}else {
						$("#status").html("女");
					}
				}
			});
		});
		//删除
		$("#delete").click(function () {
			let load = layer.load(0);
			$.post("/user/delete.do",{userId:userId,},function (data) {
				layer.close(load);
				alert(data.result);
				if (data.status === 1) {

					//注册成功，跳转到登录页面
					setTimeout(function () {
						location.assign("delete.jsp");
					}, 1000);
				}
			},"JSON");
		});
	});
</script>
</html>
